|
问题描述
现有一个csv文件（表格），想要在HTML页面中选择文件并打开，显示表格。
技术要点
HTML 表格结构及其样式JavaScript 文件读写JavaScript DOM添加
效果展示
文件中的内容  打开网页的初始效果 
选择文件后的展示效果 
参考程序
DOCTYPE html>
Document
table{
text-align: center;
border-collapse: collapse;
border:1px solid #808080;
}
td{
padding: 0px 40px 0px 40px;
}
表格展示模块
;;;;;;;;;标题;;;;;;;;;
function addtr(row_index,row_element_arr){
var tab=document.getElementById('tab');
if(row_index%2==0)
{
var html="";
}
else
{
var html="";
}
var i;
for(i=0;i
var input = event.target;
var reader = new FileReader();
reader.onload = function()
{
if(reader.result)
{
//文件内容:reader.result
var arr=reader.result.split("\n");
// $("#output").html(reader.result);
for (let index=0; index |